繼昨天完成了框架~
今天要處理的是對話內容的呈現,
那對話的部分我把它分成兩個部分,
一個是使用者方以及聊天機器人簡稱回復方,
內容上稍微有點不同,
所以我將他們分開來寫,
那我們事不宜遲趕快來試試吧!
首先先來製作使用者方~
那一些基本的要素要先出來
像是對話內容、發送訊息的時間
<div class="message_row you-message">
<div class="message-content">
<div class="message-text">嗨嗨</div>
<div class="message-time">09/23 10:16</div>
</div>
</div>
那明天就來開始製作CSS的部分~